@charset "UTF-8";

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #0e5d91;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
i, em { 
	font-style: italic; 
}
strong { 
	font-weight: bold; 
}
img {
	vertical-align: middle; 
}
input, textarea, select {
	font: normal 14px Tahoma;
	vertical-align: middle;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a, input[type="text"]:focus, input[type="password"]:focus, input[type="submit"]:focus, textarea {
    outline: 0 none;
}
.fLeft {
	float: left;	
}
.fRight {
	float: right;	
}
.clr {
	clear: both;
}
body {
	background-color: #fff;
	color: #4d4d4d;
	font: normal 14px Tahoma;
}
.wrapper {
	width: 1000px;
	margin: auto;
	background:url(images/bgr.jpg) repeat-y 		
}
/*=============================== Header ===============================*/
.header {
	position: relative;
	width: 100%;
	height: 136px;
	background: url(images/sprite_bg.jpg) no-repeat;	
}
.support {
	width: 200px;
	height: 60px;
	padding: 10px 0 0 10px;
}
.support a.skype, .support a.yahoo {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url(images/sprite_global.png) -37px -221px no-repeat;
}
.support a.yahoo {
	background-position: 7px -257px;
	padding-left: 10px;
}
.switch_lang {
	position: absolute;
	left: 10px;
	bottom: 8px;	
}
.switch_lang a.vn, .switch_lang a.eng {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(images/sprite_global.png) 0px -150px no-repeat;
}
.switch_lang a.eng {
	background-position: 0px -185px;
	margin-left: 10px;	
}
a.csc_logo {
	display: block;
	position: absolute;
	left: 317px;
	top: 20px;
	width: 266px;
	height: 100px;	
	background: url(images/sprite_global.png) no-repeat;
}
.contact {
	position: absolute;
	top: 10px;
	right: 10px;	
}
.contact a {
	width: 42px;
	height: 42px;
	background: url(images/sprite_global.png) 0px -1079px;
}
.contact p.link_contact {
	height: 42px;
	line-height: 31px;
	color: #fff;	
	background: url(images/sprite_global.png) right no-repeat;	
	background-position: 184px -1082px;	
}
.contact p.link_contact a { float:right; background:none}

.abc {
	line-height: 42px;
}

.contact a.mail {
	background-position: 	0px -1080px;
}

.contact p.phone {
	padding-right: 50px;
	height: 42px;
	line-height: 31px;
	color: #fff;	
	background: url(images/sprite_global.png) right no-repeat;	
	background-position: 184px -1145px;	
}
.contact p.phone span { float:right; line-height:42px;}
.search_box {
	position: absolute;
	bottom: 2px;
	right: 16px;
	width: 179px;
	height: 35px;
	background: url(images/sprite_global.png) 0px -1034px no-repeat;	
}
.search_box form input {
	background: #e1e1e1 url(images/bg_input_search.jpg) repeat-x;
	border: 1px solid #FFF;
	width: 104px;
	height: 20px;
	line-height: 15px;
	margin-left: 33px;
	margin-top: -20px;
	color: #272727;
	padding: 0 3px;
	font-size: 11px;
}
.search_box form button {
	background: none;
	border: none;	
	width: 30px;
	height: 27px;
	cursor: pointer;
}
/*=============================== Slider ===============================*/
.text_motion {
	padding: 5px 0px;
	color: #BF6E1D;
	height: 18px;	 background:#FFF
}
.slider {
	padding-bottom: 5px; background:#FFF	
}
/*=============================== Container ===============================*/
.container {
	width: 960px;
	min-height: 600px;
	padding: 0px 20px;
	background: url(images/bg_center.jpg) no-repeat;	
}
/*=============================== Menu Left ===============================*/
.glossymenu {
	float: left;
	width: 191px; /*width of menu*/
	min-height: 1000px;
	padding-top: 58px;
	margin-right: 10px;
	background: url(images/bg_menu_repeat.png) no-repeat;
}
.glossymenu a.menuitem {
	width: auto;
	padding: 30px 0 10px 50px;
	background: url(images/btn_menu_normal.png) no-repeat;
	color: #fff;
	font-size: 16px;
	display: block;
	overflow: hidden;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}
.glossymenu a.menuitem span.home, .glossymenu a.menuitem span.about_us, .glossymenu a.menuitem span.services, .glossymenu a.menuitem span.special, .glossymenu a.menuitem span.business, .glossymenu a.menuitem span.gallery, .glossymenu a.menuitem span.news, .glossymenu a.menuitem span.contact_us, .glossymenu a.menuitem span.FAQ {
	position: absolute;
	top: 25px;
	left: 15px;
	display: block;
	width: 29px;
	height: 28px;
	background: url(images/sprite_global.png) 0px -373px no-repeat;	
}
.glossymenu a.menuitem span.about_us {
	background-position: 0px -409px;
}
.glossymenu a.menuitem span.services {
	background-position: 0px -447px;
}
.glossymenu a.menuitem span.special {
	top: 27px;
	background-position: 0px -484px;	
}
.glossymenu a.menuitem span.business {
	background-position: 0px -518px;		
}
.glossymenu a.menuitem span.gallery {
	top: 30px;
	background-position: 0px -556px;	
}
.glossymenu a.menuitem span.news {
	top: 27px;
	background-position: 0px -585px;	
}	

.glossymenu a.menuitem span.FAQ {
	top: 30px;
	background-position: -12px -1203px;
}

.glossymenu a.menuitem span.contact_us {
	background-position: 0px -619px;	
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: #fff;
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 32px;
	right: 10px;
}
.glossymenu a.menuitem:hover {
	text-decoration: none;
	background-image: url(images/btn_menu_hover.png);
}
.glossymenu a.active {
	text-decoration: none;
	background-image: url(images/btn_menu_hover.png);
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: url(images/bg_menu_repeat.png) repeat-y;
}
.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	padding: 12px 17px 12px 52px;
}
.glossymenu div.submenu ul li.service_office {
	background: url(images/sprite_global.png) 16px -652px no-repeat;	
}
.glossymenu div.submenu ul li.smart_office {
	background: url(images/sprite_global.png) 16px -716px no-repeat;	
}
.glossymenu div.submenu ul li.flexible {
	background: url(images/sprite_global.png) 22px -781px no-repeat;	
}
.glossymenu div.submenu ul li.executive {
	background: url(images/sprite_global.png) 19px -844px no-repeat;	
}
.glossymenu div.submenu ul li.staffs {
	background: url(images/sprite_global.png) 25px -908px no-repeat;	
}
.glossymenu div.submenu ul li.customers {
	background: url(images/sprite_global.png) 17px -966px no-repeat;	
}
.glossymenu div.submenu ul li a{
	display: block;
	color: #666;
}
.glossymenu div.submenu ul li a:hover {
	color: #f28e1e;
}
.glossymenu div.submenu ul li a.active {color:#f28e1e; text-decoration:underline; background:none	}
/*=============================== Focus Content ===============================*/
.focus_content {
	width: 456px;
	padding: 140px 10px 0px 10px;
	margin-right: 10px;	
	line-height: 18px; margin-bottom:50px
}
.focus_content h2 a {
	font-size: 15px;
	font-weight: bold;	
}
.focus_content ul.list li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.focus_content ul.list li .title_content { font-size:15px; font-weight:bold; color:#0e5f94; line-height:68px; }
.focus_content ul.list li .title_content2 {font-size:18px; font-weight:bold; color:#0e5f94; line-height:122px;}
.focus_content ul.list li p { text-align:justify}
.focus_content ul.list li img {
	float: left;	
	margin-right: 20px;
}
.focus_content ul.list li .detail {
	float: left;
	width: 346px;
	
}
.focus_content ul.list li p {
	margin-bottom: 5px;	
}
a.readmore {
	font-size: 11px; float:right	
}
/*=============================== Column Right ===============================*/
.column_right {
	width: 273px; margin-bottom:5px
}
.sidebar {
	margin-bottom: 15px;
	color: #666;	
	font-size: 11px;
}
.sidebar .head_bar {
	width: 273px;
	height: 10px;
	background: url(images/sprite_box.png) no-repeat;	
}
.sidebar .footer_bar {
	width: 208px;
	height: 60px;	
	padding: 0px 50px 0px 15px;
	background: url(images/sprite_box.png) 0px -20px no-repeat; float:left
}
.sidebar .footer_bar p, .sidebar .content p {
	margin-bottom: 5px;	
}
.send {
	font-weight: bold;
	color: #666;
	cursor: pointer;
	padding: 2px 5px;
	background-color: #ececec;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 11px; margin:0px 90px
}
.sidebar .footer_bar .booknow {
	font-weight: bold;
	color: #666;
	cursor: pointer;
	padding: 2px 5px;
	background-color: #ececec;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 11px; margin:0px 0px 0px 80px
}

.send:hover {
	border: 1px solid #999;	
	color: #444;
}
.sidebar .footer_bar .booknow:hover {
	border: 1px solid #999;	
	color: #444;
}
.sidebar .content {
	width: 243px;
	padding: 10px 15px;
	background: url(images/bg_sidebar.png) repeat-y; float:left	
}
.sidebar .content h3 {
	padding: 12px 0px 12px 50px;
	background: url(images/sprite_global.png) 0px -101px no-repeat;	
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.table_right {
	border: 1px solid #c6c6c6;
	/**font-size: 10px;*/
}

.tb_gradient {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 1%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: linear-gradient(top, #fff 1%,#dbdbdb 100%);
	line-height: 18px;
	color: #777;
}

.bor_bot_c6c6c6 {
	border-bottom: 1px solid #c6c6c6;
}

.txt_rt {
	text-align: right;
}

.bor_rt_c6c6c6 {
	border-right: 1px solid #c6c6c6;
	padding-right: 3px;
}

.input18, .input18_1, .input40, .input60 {
	height: 18px;
	width: 100px;
	line-height: 18px;
	padding: 0 3px;
	font-size: 10px;
	border: none;
	
}

.input19 {height: 18px;
	width: 130px;
	line-height: 18px;
	padding: 0 3px;
	font-size: 10px;
	border: none;}

.input_18_1 {
	width: 30px;
}

.input60 {
	height: 60px;
	width: 130px;
}

.input40 {
	height: 40px;
	width: 125px;
}

.pd_0-3 {
	padding: 0 2px;
}
/*=============================== Footer ===============================*/
.footer {
	position: relative;
	width: 970px;
	height: 110px;
	padding: 15px 15px 0px;
	color: #fff;
	background: url(images/sprite_bg.jpg) no-repeat;	
}
.footer h4 {font-size: 13px;}
.icon_newroom {width: 970px; height: 60px; margin-bottom: 5px;}
.icon_newroom ul li {text-align:center; margin-right: 15px;}
.icon_newroom ul li a p { font-size: 12px; color: #fff; margin-top: 5px;}
.icon_newroom ul li a {text-decoration: none;}
.icon_newroom a {margin-left: 10px;}
.footer .social {
	position: absolute;
	right: 15px;
	top: 18px;	
}
.footer .social a {
	display: inline-block;
	text-indent: -9999px;
	width: 20px;
	height: 19px;
	margin-left: 5px;
	background: url(images/sprite_global.png) no-repeat;	
}
.footer .social a.rss {
	background-position: 0px -1655px;	
}
.footer .social a.yt {
	background-position: -119px -1655px;	
}
.footer .social a.fb {
	background-position: -31px -1655px;	
}
.footer .social a.tw {
	background-position: -59px -1655px;	
}
.footer .social a.in {
	background-position: -89px -1655px;	
}



.input_table { background:none; border:none; width:104px; line-height: 15px; padding: 0 3px;font-size: 10px; color:#777}
.input_table2 { background:none; border:none; width:138px; line-height: 15px; padding: 0 3px;font-size: 10px; color:#777}
.input_table3 { background:none; border:none; width:138px; line-height: 14px; padding: 0 3px;font-size: 10px; color:#777; height:60px; float:left}
.input_table4 { background:none; border:none; width:138px; line-height: 12px; padding: 0 3px;font-size: 10px; color:#777; height:40px; float:left}
.input_table5 { background:none; border:none; width:70px; height:40px; float:left; line-height: 14px; padding: 0 3px;font-size: 10px; color:#777}
.label1 { float:left}
.label2 {float:left; width:90px; height:60px}
.table2 { width:240px; float:left; border:1px solid #c6c6c6; font-size:12px 	}
.table2 tr { border-bottom:1px solid #c6c6c6}
.table2 tr.h1 { width:240px; height:20px; float:left; background:	background: #fff;
	background: -moz-linear-gradient(top, #fff 1%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: linear-gradient(top, #fff 1%,#dbdbdb 100%);
	line-height: 18px;
	color: #777;
}
.table2 tr.h2 { width:240px; height:38px; float:left; background:	background: #fff;
	background: -moz-linear-gradient(top, #fff 1%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: linear-gradient(top, #fff 1%,#dbdbdb 100%);
	line-height: 18px;
	color: #777;
}
.table2 tr.h3 { width:240px;  float:left; background:	background: #fff;
	background: -moz-linear-gradient(top, #fff 1%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: linear-gradient(top, #fff 1%,#dbdbdb 100%);
	line-height: 18px;
	color: #777;
}
.table2 tr.h4 { width:240px; height:65px; float:left; background:	background: #fff;
	background: -moz-linear-gradient(top, #fff 1%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: linear-gradient(top, #fff 1%,#dbdbdb 100%);
	line-height: 18px;
	color: #777;
}
.table2 tr.h4 td.td1 { width:50px; height:60px; float:left; padding:4px 2px; text-align:right; line-height:14px}
.table2 tr td { border-right:1px solid #c6c6c6; background:	background: #fff;
	background: -moz-linear-gradient(top, #fff 1%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #fff 1%,#dbdbdb 100%);
	background: linear-gradient(top, #fff 1%,#dbdbdb 100%);
	line-height: 18px;
	color: #777;
}
.table2 tr td.td1 { width:50px; height:30px; float:left; padding:4px 2px; text-align:right; line-height:14px}
.table2 tr td.td2 { width:64px; height:40px; float:left}
.table2 tr td.td4 { width:184px; height:40px; float:left}
.table2 tr td.td3 { width:184px; height:65px; float:left; font-size:9px}
.table2 tr td.td2 textarea { width:73px; height:38px; float:left; background:none; border:none; font-size:10px; line-height:12px; color:#777}
.table2 tr td.td4 textarea { width:179px; height:32px; float:left; background:none; border:none; font-size:11px; line-height:15px; color:#777}
.table2 tr td.td3 textarea { width:193px; height:38px; float:left; background:none; border:none; font-size:10px; line-height:12px; color:#777}
.table2 tr td.td2 input { width:56px; height:20px; float:left; background:none; border:none; font-size:10px; line-height:14px; color:#777; padding:0px 1px; margin:1px 4px 0px 2px}
.table2 tr.h3 td.td1 {border-right:1px solid #c6c6c6; float:left}
.table2 tr.h3 td.td2 {border-right:1px solid #c6c6c6;  float:left}
.table2 tr.h3 td.td2 textarea { width:73px; height:105px; float:left; background:none; border:none; font-size:10px; line-height:13px; color:#777}
div.news { font-size:13px; text-align:justify}
div.news img { width:50px; height:50px; float:left; border:1px solid #999; margin-right:5px}
div.news a { font-weight:bold}
div.news ul li{ width:243px; float:left; margin-bottom:5px}
.video_box { width:461px; height:260px; float:left; margin-top:10px;}
.mail_foot { width:470px; position:absolute;  left:220px; top:-50px; font-size:13px; font-weight:bold; padding-top:10px; color:#000}
.mail_foot form input { width:200px; height:23px;background:-moz-linear-gradient(center top , #FFFFFF 1%, #DBDBDB 100%) repeat scroll 0 0 transparent; border:1px solid #c6c6c6; padding:0px 5px}
.mail_foot form button { font-weight: bold;
	color: #666;
	cursor: pointer;
	padding: 2px 5px;
	background-color: #ececec;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 11px; margin:0px 0px 0px 10px}
.scroll_to_top { width:153px; height:40px; position:absolute; right:90px;   background:url(images/scroll_to_top.jpg) no-repeat; border:none; cursor:pointer; }

.contact_box { margin-left:50px}
.contact_box .thank { float:left; margin:0px 0px 10px 100px}
.contact_box h1 { font-weight:bold; font-size:15px}
.contact_box form label { font-weight:bold; margin:3px 200px 3px 0px; float:left}
.contact_box form input { width:355px; height:20px; float:left; color:#777}
.contact_box form textarea { width:355px; height:50px; float:left; color:#777}
.bt_booknow { width:69px; height:19px; float:left; background:url(images/bt_booknow.jpg) no-repeat; border:none; cursor:pointer; margin:10px 50px 10px 150px}

p { text-align:justify; font-size: 13px}
b { font-weight:bold}
.gray { color:#989898}
.key_word {color:#f08e21; font-size:18px; font-weight:bold}
p.result { font-size:14px; line-height:16px; margin-bottom:25px;}
.img_gallery { width:185px; height:105px; float:left; margin:10px 20px}
.title_gallery { width:165px; height:30px; position:relative; top:-30px; line-height:30px; color:#333; padding:0px 11px;
background: url(images/title_gallery.png); font-weight:bold }
.list_gallery { margin:0 0 50px 0; float:left}

.silde_img_box { margin-top:150px; float:left}
.slider-wrapper { margin-top:40px}

table.services_table { margin:10px 0px}
table.services_table tr td { border:1px solid #c6c6c6; padding:2px; }
.img_news_detail { float:left}
select { font-size:12px; color:#777}




<!--
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:456px;
	height:80px;
	position:relative;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:376px;
  height:80px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:376px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:80px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:80px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */



ul.list li ul.other_news { font-size:13px; font-weight:bold}
ul.list li ul.other_news li { margin-bottom:0px}
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}

.img_content { width:456px; height:333px; float:left; border:solid 1px #CCC; margin:10px 0px}



.banner_640, .banner_265 {margin-top: 20px;}